<div id="sub">
<div class="row">		
<div class="threefifth">
        <% article = AT.GetArticlesType('house') %>
        <section id="house">
		<h3 class="title">
		<img src="/common/img/photogallery2.png">
		${article.title}一覧はこちらから<span><a href="/pages/house.html">詳細 ></a></span>
		</h3>
        <div class="row">
        <ul class="block-three">
            %for contents in article.GetGroupPostsByUpdated(3) :
            <li>
            <figure class="paneoimg">
            <a href="/article/${contents.slug}.html">
            ${ contents.GetImageTag('mainpic','640x480') } 
            </a>
            <figcaption>
            <h3>${ contents.article.header }</h3>
            <h4>${ contents.title }</h4>
            </li>
            %endfor
        </ul>
        </div><!-- .row .split -->
        </section>
        
        
</div>
<div class="twofifth">
<% article = AT.GetArticle('event') %>
        <section id="event">
            <h3 class="title">
            <img src="/common/img/index/house_top.png">
            ${article.header}一覧<span><a href="/pages/event.html">詳細 ></a></span>
            </h3>
            <div class="event">
            %for contents in article.GetPostsByUpdated(2) :
                <div class="row sprit">
                <div class="quarter">
                    <a href="/article/${contents.slug}.html">
                    <span>${ contents.GetField('eventdate').replace('<br>','')}</span>
                    <span>${ contents.GetField('eventtime').replace('<br>','')}</span>
                    </a>
                </div><!-- .quarter -->
                <div class="threequarter">
                    <h4><a href="/article/${contents.slug}.html">${ contents.title }</a></h4>
                    %if len(contents.GetField('tokoro')) > 20 :
                    <h5>場所 / ${ contents.GetField('tokoro') [:20]} ...</h5>
                    %else :
                    <h5>場所 / ${ contents.GetField('tokoro') }</h5>
                    %endif
                    <!--span class="detail"><a href="/article/${contents.slug}.html">詳細 ></a></span-->
                </div><!-- .threequarter -->
                </div><!-- .sprit -->
            %endfor
            </div><!-- .event -->

        </section><!-- #event -->
    <% article = AT.GetArticle('osusume') %>
   <section id="osusume">
            <h3 class="title">
            <img src="/common/img/index/bukken_top.png">
            ${article.header}物件一覧<span><a href="/pages/osusume.html">詳細 ></a></span>
            </h3>
            <div class="osusume">
            %for contents in article.GetPostsByUpdated(1) :
            <div class="row sprit">
                <div class="quarter">
                    <figure class="paneoimg">
                    <a href="/article/${contents.slug}.html">
                    ${ contents.GetImageTag('mainpic','130x130') } 
                    </a>
                    <figure>
                </div><!-- .qurter -->
                <div class="threequarter">
                    <h3 class="area">${contents.GetField('area')}</h3>
                    <h5>${ contents.title }</h5>
                    <!--span class="detail"><a href="/article/${contents.slug}.html">詳細 ></a></span-->
                </div><!-- .threequarter -->
            </div><!-- .row sprit -->
            %endfor
            </div><!-- .osusume -->
     </section><!-- #osusume --> 
    
</div>
</div><!-- row -->

<section id="builder">
<h3 class="title">他の工務店を見る<img src="/common/img/other.png"></h3>
<% article = AT.GetArticle('builder') %>
 <ul class="grid-c">
     %for contents in article.GetPostsByUpdated(30):
    <li class="item">
<figure class="paneoimg">
    <a href="/article/${contents.slug}.html">
    ${ contents.GetImageTag('personpic','151x151') } 
    </a>
    <figcaption>
    <h3><a href="/article/${contents.slug}.html">${ contents.GetField('name') }</a></h3>
    </figcaption>
    <figure>
    </li>
    %endfor
</ul>

</section>


</div><!-- /#sub -->